<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0; padding: 0 }
  #map_canvas { height: 80% }
</style>
<script type="text/javascript"
    src="http://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
  function initialize() {
    var latlng = new google.maps.LatLng(60.393116,5.316525);
    var myOptions = {
      zoom: 15,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);
		  
	klosterLatlng = new google.maps.LatLng(60.393116,5.316525);
	tinghusetLatlng = new google.maps.LatLng(60.393585,5.320107);
	
	
	var markerP2 = new google.maps.Marker({ position: klosterLatlng, title:"Klostergarasjen", icon: '../img/park_blue.png' });
	var markerP3 = new google.maps.Marker({ position: tinghusetLatlng, title:"Tinghuset", icon: '../img/park_blue.png' });
  
 
  
  // To add the marker to the map, call setMap();
  markerP2.setMap(map);  	
  markerP3.setMap(map);  	

		
		
		  
  }

</script>
</head>
<body onload="initialize()">
<header>
EasyPark
</header>


<p>Prosjektet</p>
  <div id="map_canvas" style="width:100%; height:80%"></div>

<section>
	<label><input type="checkbox"/>test</label>
</section>

  
<footer>
<p>Copyright - Din lokale filmleverandør</p>
</footer>  
</body>
</html>